<!DOCTYPE html>
<html>
<head>
    <title>MarkDown</title>
    <script type="text/javascript"  src="scripts/showdown.js"></script>
		<link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
		<link href="/statics/css/style.css" rel="stylesheet" >
</head>
<!-- <style>
    body {
      font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
     font-size: 16px;
      line-height: 1.42857143;
      color: #333;
      background-color: #fff;
    }
    ul li {
        line-height: 24px;
    }
    blockquote {
        border-left:#eee solid 5px;
        padding-left:20px;
    }
    code {
        color:#D34B62;
        background: #F9F2F4;
    }
</style> -->
<body>
	


<div>
    <textarea id="content" style="height:100px;width:1000px;" onkeyup="compile()">#文章</textarea>
    <div id="result">html</div>
</div>


<script type="text/javascript">
	compile();
	function compile(){
			var text = document.getElementById("content").value;
			var converter = new showdown.Converter();
			var html = converter.makeHtml(text);
			document.getElementById("result").innerHTML = html;
	}
</script>
</body>
</html>